<template>
    <div>
      <a-button @click="info">
        信息
      </a-button>
      <a-button @click="success">
        成功
      </a-button>
      <a-button @click="error">
        错误
      </a-button>
      <a-button @click="warning">
        警告
      </a-button>
    </div>
  </template>
  <script>
  import { Modal } from 'ant-design-vue';
  export default {
    methods: {
      info() {
        const h = this.$createElement;
        this.$info({
          title: 'This is a notification message',
          content: h('div', {}, [
            h('p', 'some messages...some messages...'),
            h('p', 'some messages...some messages...'),
          ]),
          onOk() {},
        });
      },
  
      success() {
        this.$success({
          title: 'This is a success message',
          // JSX support
          content: (
            <div>
              <p>some messages...some messages...</p>
              <p>some messages...some messages...</p>
            </div>
          ),
        });
      },
  
      error() {
        this.$error({
          title: 'This is an error message',
          content: 'some messages...some messages...',
        });
      },
  
      warning() {
        this.$warning({
          title: 'This is a warning message',
          content: 'some messages...some messages...',
        });
      },
    },
  };
  </script>
  